<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	<meta name="format-detection" content="telephone=yes"/>
	<meta name="msapplication-tap-highlight" content="no" />
	<meta name="applicable-device" content="pc,mobile" />
	<title>兰博光学</title>
	<meta name="keywords" content="兰博光学" />
	<meta name="description" content="兰博光学" />

	<link href="css/base.css?3=4" rel="stylesheet" type="text/css" />
	<link href="css/style.css?3=4" rel="stylesheet" type="text/css" media='all' />
	<link  href="css/menu.css?3=6" rel="stylesheet" type="text/css" />
	<link href="css/inner.css?3=4" rel="stylesheet" type="text/css" media='all' />
	<link rel="stylesheet" type="text/css" href="css/lrtk.css?3=4" media="all">
	<link rel="stylesheet" href="css/pro.css?3=7" type="text/css">
	<link href="css/box.css?3=7" rel="stylesheet" type="text/css" />
	<script src="common/mobile.js"></script>
	<script type="text/javascript" src="common/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="common/script.js"></script>
	<script  src="common/index.js"></script>
	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Quicksand:400,700" rel="stylesheet">


	<script>
		function checkdatebox()
		{ //jquery获取复选框值
			var chk_value = [];
			$('input[name="color_box"]:checked').each(function () {
				chk_value.push($(this).val());
			});
			$.ajax({
				type: "post",
				url: "list.php",
				data: {
					"data": chk_value,
				},
				success: function (msg) {
					$('.m_pro_list4').html(msg);
				},
				error:function() {
					alert("发送失败");
				}
			})
		}


		function checkpicbox(id)
		{ //jquery获取复选框值
			var chk_value2 =$('input[name="color_qhbox"]:checked').val();
			$.ajax({
				type: "post",
				url: "list2.php",
				data: {
					"color_qhbox": chk_value2,
				},
				success: function (msg) {
					$('#imgqh0'+id).html(msg);
				},
				error:function() {
					alert("发送失败");
				}
			})
		}

	</script>
	<!--[if lte IE 8]>
	<script src="common/html5.js"></script>
	<![endif]-->
</head>

<body>
<header id="header">
	<div class="wrapper clearfix">
		<div class="logo"><a href="/"><img src="images/logo.jpg" alt="" /></a></div>
		<div class="clear"></div>
		<div class="topNavtag">
			<a href="list2.html">55</a>
		</div>

		<div class="topNav">

			<div class="topNavList">
				<a href="#">EYEGLASSES</a>
				<span>|</span>
				<a href="#">SUNGLASSES</a>
			</div>
		</div>

		<div class="subNavWrapper">
			<div class="subNavSet">
				<div class="subNav sub0">
					<span><i class="subBgTopLeft"></i><i class="subBgBotLeft"></i></span>
					<ul>
						<li>
							<a href="#">Acetate Frames</a>
							<a href="#"> Metal Men</a>
							<a href="#">  Metal Women</a>
							<a href="#">Kids Frames</a>
							<a href="#"> Titanium Frames</a>
							<a href="#">TR-90 Frames</a>
						</li>
					</ul>
				</div>
				<div class="subNav sub1">
					<span><i class="subBgTopLeft"></i><i class="subBgBotLeft"></i></span>
					<ul>
						<li>
							<a href="#">Kids Frames</a>
							<a href="#"> Titanium Frames</a>
							<a href="#">TR-90 Frames</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

	</div>
</header>


<div class="wrapper">
	<div class="examples_body2">
		<ul class="bannerHolder">
			<li>
				<div class="picbox2">
					<a href="#" target="_blank">
						<img  alt="EYEGLASSES" src="images/class10.jpg" />
					</a>
					<p class="companyInfo">EYEGLASSES</p>
					<div class="cornerTL"></div>
					<div class="cornerTR"></div>
					<div class="cornerBL"></div>
					<div class="cornerBR"></div>
				</div>
			</li>
			<li>
				<div class="picbox2">
					<a href="#" target="_blank">
						<img  alt="SUNGLASSES" src="images/class20.jpg" />
					</a>
					<p class="companyInfo">SUNGLASSES</p>
					<div class="cornerTL"></div>
					<div class="cornerTR"></div>
					<div class="cornerBL"></div>
					<div class="cornerBR"></div>
				</div>
			</li>
		</ul>

	</div>

	<script>
		$(document).ready(function(){
			// 0.4代表遮罩的透明度
			$('.picbox2 div').css('opacity',0.2);
			$('.picbox2').hover(function(){
				var el = $(this);
				// 先淡出阴影，后淡入文字
				el.find('div').stop().animate({width:1200,height:1200},'slow',function(){

					el.find('p').fadeIn('fast');
				});
			},function(){

				var el = $(this);

				// 隐藏文字
				el.find('p').stop(true,true).hide();

				// 去掉遮罩
				el.find('div').stop().animate({width:300,height:300},'fast');

			}).click(function(){
				// 点击图片时打开链接
				window.open($(this).find('a').attr('href'));
			});
		});
	</script>
	<!-- 代码 结束 -->
	<!-- Examples body -->

	<div class="clear"></div>
</div>








<div class="wrapper clearfix">
	<div id="p_right">
		<h2>Acetate Frames</h2>

		<div class="tab-wrapper">
			<ul class="tab-menu">
				<li class="active">COLOR</li><span>|</span>
				<li>SHAPE</li><span>|</span>
				<li>RIM</li><span>|</span>
				<li>MATERIAL</li>
			</ul>
			<div class="tab-content">
				<div class="boxcolor">

					<label><input type="checkbox" name="color_box" value="Red" onclick="checkdatebox()"><i class="spot_red"></i><i class="chk_txt">Red</i></label>
					<label><input type="checkbox" name="color_box"  value="Orange" onclick="checkdatebox()"><i class="spot_orange"></i><i class="chk_txt">Orange</i></label>
					<label><input type="checkbox" name="color_box"  value="Yellow" onclick="checkdatebox()"><i class="spot_yellow"></i><i class="chk_txt">Yellow</i></label>
					<label><input type="checkbox" name="color_box"  value="Coffee" onclick="checkdatebox()"><i class="spot_coffee"></i><i class="chk_txt">Coffee</i></label>
					<label><input type="checkbox" name="color_box"  value="Brown" onclick="checkdatebox()"><i class="spot_brown"></i><i class="chk_txt">Brown</i></label>
					<label><input type="checkbox" name="color_box"  value="Green" onclick="checkdatebox()"><i class="spot_green"></i><i class="chk_txt">Green</i></label>
					<label><input type="checkbox" name="color_box"  value="Blue" onclick="checkdatebox()"><i class="spot_blue"></i><i class="chk_txt">Blue</i></label>
					<label><input type="checkbox" name="color_box"  value="Navy" onclick="checkdatebox()"><i class="spot_navy"></i><i class="chk_txt">Navy</i></label>
					<label><input type="checkbox" name="color_box"  value="Violet" onclick="checkdatebox()"><i class="spot_violet"></i><i class="chk_txt">Violet</i></label>
					<label><input type="checkbox" name="color_box"  value="Aqua" onclick="checkdatebox()"><i class="spot_aqua"></i><i class="chk_txt">Aqua</i></label>
					<label><input type="checkbox" name="color_box"  value="Purple" onclick="checkdatebox()"><i class="spot_purple"></i><i class="chk_txt">Purple</i></label>
					<label><input type="checkbox" name="color_box"  value="Wine" onclick="checkdatebox()"><i class="spot_wine"></i><i class="chk_txt">Wine</i></label>
					<label><input type="checkbox" name="color_box"  value="Grey" onclick="checkdatebox()"><i class="spot_grey"></i><i class="chk_txt">Grey</i></label>
					<label><input type="checkbox" name="color_box"  value="Black" onclick="checkdatebox()"><i class="spot_black"></i><i class="chk_txt">Black</i></label>
					<label><input type="checkbox" name="color_box"  value="Gold" onclick="checkdatebox()"><i class="spot_gold"></i><i class="chk_txt">Gold</i></label>
					<label><input type="checkbox" name="color_box"  value="Silver" onclick="checkdatebox()"><i class="spot_silver"></i><i class="chk_txt">Silver</i></label>
					<label><input type="checkbox" name="color_box"  value="Tortoise" onclick="checkdatebox()"><i class="spot_tortoise"></i><i class="chk_txt">Tortoise</i></label>
					<label><input type="checkbox" name="color_box"  value="Pink" onclick="checkdatebox()"><i class="spot_pink"></i><i class="chk_txt">Pink</i></label>
					<label><input type="checkbox" name="color_box"  value="White" onclick="checkdatebox()"><i class="spot_white"></i><i class="chk_txt">White</i></label>
					<label><input type="checkbox" name="color_box"  value="Crystal" onclick="checkdatebox()"><i class="spot_crystal"></i><i class="chk_txt">Crystal</i></label>



				</div>
				<div class="boxshape">
					<label><input type="checkbox" name="shape_box"><i class="chk_txt">Square</i></label>
					<label><input type="checkbox" name="shape_box"><i class="chk_txt">Cat</i></label>
					<label><input type="checkbox" name="shape_box"><i class="chk_txt">Round</i></label>
					<label><input type="checkbox" name="shape_box"><i class="chk_txt">Oval</i></label>
				</div>
				<div class="boxrim">
					<label><input type="checkbox" name="rim_box"><i class="chk_txt">Full Rim</i></label>
					<label><input type="checkbox" name="rim_box"><i class="chk_txt">Half-Rim</i></label>
					<label><input type="checkbox" name="rim_box"><i class="chk_txt">Rim-Less</i></label>
				</div>
				<div class="boxmaterial">
					<label><input type="checkbox" name="mat_box"><i class="chk_txt">Acetate</i></label>
					<label><input type="checkbox" name="mat_box"><i class="chk_txt">Metal</i></label>
					<label><input type="checkbox" name="mat_box"><i class="chk_txt">Titanium</i></label>
					<label><input type="checkbox" name="mat_box"><i class="chk_txt">TR-90</i></label>
					<label><input type="checkbox" name="mat_box"><i class="chk_txt">Kids Sunglasses</i></label>
				</div>
			</div>
		</div>
		<div class="m_pro_list4">
			<div class="p2 nofirst1">
					<figure>
						<a href="javascript:void(0)" class="click_pop"><span id="imgqh01"><img src="images/plist_01.jpg"/></span></a>
						<div class="showcolorbox">
							<div class="color_tag">
								<label class="f_tag"><a href="#"><img src="images/c_tag.jpg" /></a></label>

								<label><input type="radio" name="color_qhbox"  value="Red" onclick="checkpicbox(1)" ><i class="spot_red"></i></label>
								<label><input type="radio" name="color_qhbox"  value="Orange" onclick="checkpicbox(1)"><i class="spot_orange"></i></label>
								<label><input type="radio" name="color_qhbox"  value="Yellow" onclick="checkpicbox(1)"><i class="spot_yellow"></i></label>
								<label><input type="radio" name="color_qhbox"  value="Coffee" onclick="checkpicbox(1)"><i class="spot_coffee"></i></label>
								<label><input type="radio" name="color_qhbox"  value="Brown" onclick="checkpicbox(1)"><i class="spot_brown"></i></label>
								<label><input type="radio" name="color_qhbox"  value="Green" onclick="checkpicbox(1)"><i class="spot_green"></i></label>


							</div>
							<label class="share_tag2"><a href="#"> </a></label>
						</div>
						<div class="ptitle">FNDTN013-53</div>
						<div class="showsharpbox">
							<li class="onesharp">48</li>
							<li class="towsharp">41</li>
							<li class="shrsharp">18</li>
							<li class="foursharp">140</li>
						</div>
					</figure>

			</div>



			<div id="faqbg"></div>
			<div id="faqdiv">
				<div class="faqtitle">
					<span><img src="images/boxtag.png" /></span>
					<a href="javascript:void(0);" class="close"><img src="images/box_shut.png" /></a>
				</div>

				<div class="pic_listbox">
					<div class="picbox_left"><img src="images/pic_det.jpg" /></div>
					<div class="picbox_right">
						<h3>A17450</h3>
						<h4>ACETATE</h4>
						<li class="onesharp">48</li>
						<li class="towsharp">41</li>
						<li class="shrsharp">18</li>
						<li class="foursharp">140</li>
					</div>
				</div>
				<div class="other_list">
					<ul>
						<li class="picfirst1">
							<div >
								<a href="#"><img src="images/detail01.jpg" title="C1 WIND" /></a>
								<span><a target="_blank" href="#">C1 WIND</a></span>
							</div>

						</li>
						<li class="picfirst2">
							<div>
								<a href="#"><img src="images/detail01.jpg" title="C2 WIND" /></a>
								<span><a target="_blank" href="#">C2 WIND</a></span>
							</div>
						</li>
						<li class="picfirst3">
							<div >
								<a href="#"><img src="images/detail01.jpg" title="C3 WIND" /></a>
								<span><a target="_blank" href="#">C3 WIND</a></span>
							</div>
						</li>
						<li class="picfirst4">
							<div >
								<a href="#"><img src="images/detail01.jpg" title="C4 WIND" /></a>
								<span><a target="_blank" href="#">C4 WIND</a></span>
							</div>
						</li>
					</ul>
				</div>
			</div>














			<div class="p2 nofirst2">

					<figure>
						<a href="javascript:void(0)" class="click_pop"><span id="imgqh02"><img src="images/plist_01.jpg"/></span></a>
						<div class="showcolorbox">
							<div class="color_tag">
								<label class="f_tag"><a href="#"><img src="images/c_tag.jpg" /></a></label>
								<label><input type="radio" name="color_qhbox"  value="Red" onclick="checkpicbox(2)" ><i class="spot_red"></i></label>
								<label><input type="radio" name="color_qhbox"  value="Orange" onclick="checkpicbox(2)"><i class="spot_orange"></i></label>
								<label><input type="radio" name="color_qhbox"  value="Yellow" onclick="checkpicbox(2)"><i class="spot_yellow"></i></label>
								<label><input type="radio" name="color_qhbox"  value="Coffee" onclick="checkpicbox(2)"><i class="spot_coffee"></i></label>
								<label><input type="radio" name="color_qhbox"  value="Brown" onclick="checkpicbox(2)"><i class="spot_brown"></i></label>
								<label><input type="radio" name="color_qhbox"  value="Green" onclick="checkpicbox(2)"><i class="spot_green"></i></label>
							</div>
							<label class="share_tag2"><a href="#"> </a></label>
						</div>
						<div class="ptitle">FNDTN013-53</div>
						<div class="showsharpbox">
							<li class="onesharp">48</li>
							<li class="towsharp">41</li>
							<li class="shrsharp">18</li>
							<li class="foursharp">140</li>
						</div>
					</figure>









			</div>









			<div class="clear"></div>
			<div class="page">
				<a href="#" class="navigation previous" rel="prev"><</a><a href="#" class="current" >1</a><a href="#" >2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="javascript:void(0)" class="navigation next disabled" rel="next">></a>
			</div>
			<div class="clear"></div>



			<script type="text/javascript">
				$(function(){


					$(".click_pop2").click(function(){
						$("#faqbg2").css({display:"block",height:$(document).height()});
						var yscroll =document.documentElement.scrollTop;
						$("#faqdiv2").css("top","100px");
						$("#faqdiv2").css("display","block");
						document.documentElement.scrollTop=0;
					});
					$(".close").click(function(){
						$("#faqbg2").css("display","none");
						$("#faqdiv2").css("display","none");
					});

					$(".click_pop").click(function(){
						$("#faqbg").css({display:"block",height:$(document).height()});
						var yscroll =document.documentElement.scrollTop;
						$("#faqdiv").css("top","100px");
						$("#faqdiv").css("display","block");
						document.documentElement.scrollTop=0;
					});
					$(".close").click(function(){
						$("#faqbg").css("display","none");
						$("#faqdiv").css("display","none");
					});

				})




			</script>


			<div class="boxbut"><a href="javascript:void(0)" class="click_pop2">Inquiry</a></div>


		</div>
	</div>






	<div class="clear"></div>
</div>








<footer id="footer">
	<div class="wrapper">
		<div class="f_wrap">
			<div class="f_menu">
				<a href="about.html">ABOUT US</a>
				<a href="products.html">PRODUCTS</a>
				<a href="collection.html">COLLECTIONS</a>
				<a href="exhibition.html">EXHIBITIONS</a>
				<a href="news.html">NEWS</a>
				<a href="#">CONTACT</a>
			</div>
		</div>
	</div>

	<div class="wrapper">

		<div class="f_comp">

			<div class="f_compleft">
				<div class="f_compleftser">
					<form action="" id="search-form" class="form">
						<div class="f_searchbox">
							<input type="text" id="home-searchInput" name="" value="" class="form-input">
							<input type="submit" name="Submit" class="form_submit" value="  SEARCH " />
						</div>
					</form>

					<p>©  Wenzhou Kirka Eyewear 2019</p>
				</div>
			</div>
			<div class="f_compcen">
				<ul class="femail">E-mail：amoo@kirkaeyewear.com</ul>
				<ul class="ftel">Tel：0086-577-86380982</ul>
			</div>
			<div class="f_compright">
				<ul>FOLLOW US</ul>
				<ul>
					<li><a href="#"><img src="images/f_tag1.jpg" /></a></li>
					<li><a href="#"><img src="images/f_tag2.jpg" /></a></li>
					<li><a href="#"><img src="images/f_tag3.jpg" /></a></li>
					<li><a href="#"><img src="images/f_tag4.jpg" /></a></li>
				</ul>
			</div>
		</div>
	</div>
</footer>

<div id="faqbg2"></div>
<div id="faqdiv2">


		<div class="faqtitle">
			<span><img src="images/boxtag.png" /></span>
			<a href="#" class="close"><img src="images/box_shut.png" /></a>
		</div>
		<div class="messagebox">
			<h1>inquiry</h1>
			<form action="" name="form1" method="post">
				<span><label>Model:</label><input type="text" name="model">*</span>
				<span><label>Name:</label><input type="text" name="name" >*</span>
				<span><label>E-mail:</label><input type="text" name="email" >*</span>
				<span><label>Content:</label><textarea rows="5" cols="30" name="content"></textarea></span>
				<span><label>Code:</label><input type="text" name="code" class="meginput">*</span>
				<span style="padding-left:21%"> <input type="submit" name="Submit" class="submit" value=" SUBMIT " /></span>
			</form>
		</div>


</div>





</body>
</html>

